<!DOCTYPE html>
<html>
    <head>
        <title>Bootstrap 模板</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="bootstrap.min/css/bootstrap.min.css" rel="stylesheet">
        <script src="bootstrap.min/js/jquery-1.11.1.min.js">
        </script>
        <script src="bootstrap.min/js/bootstrap.min.js">
        </script>
        <!--[if lt IE 9]>
            <script src="js/html5shiv.js"></script>
            <script src="js/respond.min.js"></script>
        <![endif]-->
        <style type="text/css">
        </style>
    </head>
    <body>
    	<button class="btn btn-default" data-toggle="modal" data-target="#myModal">点我试试</button>
    	<div id="myModal" class="modal">
	    	<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">对话框</h4>
					</div>
					<div class="modal-body">
						对话框内容
					</div>
					<div class="modal-footer">
						<button class="btn btn-primary" data-dismiss="modal">确定</button>
					</div>
				</div>			
	    	</div>
		</div>
    </body>
</html>
